/*
  1:歌曲搜索接口
    请求地址:https://autumnfish.cn/search
    请求方法:get
    请求参数:keywords(查询关键字)
    响应内容:歌曲搜索结果

  2:歌曲url获取接口
    请求地址:https://autumnfish.cn/song/url
    请求方法:get
    请求参数:id(歌曲id)
    响应内容:歌曲url地址
  3.歌曲详情获取
    请求地址:https://autumnfish.cn/song/detail
    请求方法:get
    请求参数:ids(歌曲id)
    响应内容:歌曲详情(包括封面信息)
  4.热门评论获取
    请求地址:https://autumnfish.cn/comment/hot?type=0
    请求方法:get
    请求参数:id(歌曲id,地址中的type固定为0)
    响应内容:歌曲的热门评论
  5.mv地址获取
    请求地址:https://autumnfish.cn/mv/url
    请求方法:get
    请求参数:id(mvid,为0表示没有mv)
    响应内容:mv的地址
*/
var app = new Vue({
    el:"#app",
    data:{
        query:"",
        songlist:[],
        musicUrl:"",
        musicCover:"",
        commentlist:[],
        isplaying:false,
        isShow:false,
        mvurl:"",
    },
    methods:{
        // 查找歌曲
        searchSong(){
            var that=this;
            axios.get("https://autumnfish.cn/search?keywords="+ this.query)
            .then(function(response){
                // console.log(response);
                that.songlist = response.data.result.songs;
                // console.log(that.songlist);
            },function(err){})
        },
        // 播放歌曲
        playMusic(musicId){
            var that=this;
            console.log(musicId);
            axios.get("https://autumnfish.cn/song/url?id="+ musicId)        //接口无法使用
            .then(function(response){
                console.log(response);
                that.musicUrl = response.data.data[0].url;
            },function(err){});

            // 歌曲封面
            axios.get("https://autumnfish.cn/song/detail?ids="+ musicId)     //接口不能用 
            .then(function(response){
                console.log(response);
                that.musicCover = response.data.songs[0].al.picUrl;
            },function(err){})

            //歌曲评论
            axios.get("https://autumnfish.cn/comment/hot?type=0&id="+ musicId)
            .then(function(response){
                // console.log(response);
                that.commentlist = response.data.hotComments;
                // console.log(that.commentlist);
            },function(err){})
        },
        //播放
        play(){
            this.isplaying=true;
        },
        //暂停
        pause(){
            this.isplaying=false;
        },
        //播放MV
        playMV(mvId){
            var that = this;
            axios.get("https://autumnfish.cn/mv/url?id="+mvId)
            .then(function(response){
                // console.log(response);
                that.isShow = true;
                that.mvurl = response.data.data.url;
                console.log(that.mvurl);
            },function(err){})
        },
        //隐藏+暂停视频播放
        hide(){
            var mvpause=document.getElementById("vd");
            mvpause.pause();
            this.isShow = false;
            
        }
    }
})